<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Für die Feiertage:</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>Geben Sie Ihren Entwicklern die Möglichkeit andere zu Unterstützen.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Bieten Sie Ihren Entwicklern 👩🏾‍💻👨🏼‍💻 eine Geschenkkarte an, um für Open-Source-Projekte zu spenden, die sie lieben. ❤️</h3>
        <p class='pb4'>Ihre Entwickler haben in diesem Jahr erstaunliche Dinge geschafft. Ohne die Unterstützung der Open-Source-Gemeinschaft hätten sie nicht so viel schaffen können. Dadurch können sie lernen, dadurch können sie Werkzeuge, Bibliotheken und Module wiederverwenden, so dass sie das Rad nicht neu erfinden müssen und sich darauf konzentrieren können, es für Ihre speziellen Bedürfnisse einzusetzen.</p>
        <p class='pb1 -font-bold neutralsolid800'>FAQ (Häufig gestellte Fragen)</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Was passiert, wenn die Geschenkkarten nicht genutzt werden?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Es wird Ihnen nur so viel in Rechnung gestellt, wie verwendet wird. Wenn Sie Geschenkgutscheine im Wert von 50€ an 10 Ihrer Mitarbeiter verschenken und nur 8 davon benutzt werden, werden Ihnen nur 400€ berechnet.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Erhalte ich eine Rechnung?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Ja, Sie erhalten eine ordnungsgemäße konsolidierte Monatsrechnung vom <a href='https://opencollective.com/opensource'>Open Source Kollektiv 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Gibt es ein Ablaufdatum?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Standardmäßig verfallen Geschenkkarten nach 3 Monaten, aber Sie können Ihr eigenes Verfallsdatum festlegen. Wenn sie bis dahin nicht benutzt werden, werden sie inaktiv. Sie werden Ihnen niemals in Rechnung gestellt, wenn sie nicht benutzt worden sind.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Ich habe eine Geschenkkarte erhalten, muss ich alles auf einmal ausgeben?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Nein, Sie können mit Ihrer Geschenkkarte einen beliebigen Betrag an ein Kollektiv verschenken, solange Sie genügend Guthaben auf der Karte haben.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Wer wird als Unterstützer angezeigt? Meine Firma oder mein Mitarbeiter?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Beide! Die Person, der Sie den Geschenkgutschein gegeben haben, ist diejenige, die sich die Kollektive aussucht, die sie unterstützen möchte. Aber ihre Spende wird so angezeigt, dass sie eine von Ihrem Unternehmen geschenkte Geschenkkarte verwendet haben, und Ihr Unternehmen wird auch als Sponsor des Kollektivs auftauchen. Siehe zum Beispiel <a href='https://opencollective.com/triplebyte'>Triplebyte</a>, das als Sponsor von <a href='https://opencollective.com/electron'>Elektron</a> auftritt.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Erstellen Sie jetzt eine Organisation und beginnen Sie Geschenkkarten zu verteilen!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Eine Organisation erstellen</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
